Adwaita: some more color tweaks and sass simplification

diff --git a/gtk/theme/Adwaita/_colors.scss b/gtk/theme/Adwaita/_colors.scss
index 4f1c1e831d5174f9b415bf9840c870d7ee79bb7b..a44b76189259e6c4b7e407bf4f30b94925ce8d39 100644 (file)
--- a/gtk/theme/Adwaita/_colors.scss
+++ b/gtk/theme/Adwaita/_colors.scss
@@ -16,7 +16,7 @@ $link_color: if($variant == 'light', darken($selected_bg_color,10%), lighten($se
 $link_visited_color: if($variant == 'light', darken($selected_bg_color,20%), lighten($selected_bg_color,10%));
 $top_hilight: $borders_edge;
 $dark_fill: mix($borders_color, $bg_color, 35%);
-$headerbar_color: if($variant == 'light', lighten($bg_color, 2%), darken($bg_color, 5%));
+$headerbar_color: if($variant == 'light', lighten($bg_color, 5%), darken($bg_color, 6%));
 
 $scrollbar_bg_color: darken($bg_color, 7%);
 

diff --git a/gtk/theme/Adwaita/_drawing.scss b/gtk/theme/Adwaita/_drawing.scss
index 46498945222063944767f7405b85a9013af59340..43023ed2f0abdf0ed6d6cf9a568860db60a4e2f1 100644 (file)
--- a/gtk/theme/Adwaita/_drawing.scss
+++ b/gtk/theme/Adwaita/_drawing.scss
@@ -463,30 +463,17 @@
   @else { box-shadow: none; }
 }
 
-@function headerbar_gradient($c, $tc:lighten($c, 2%)) {
-//
-// headerbar gradient helper function
-//
-// $c:  base color
-// $tc: top color
-//
-  @return linear-gradient(to top, $c, $tc 10%);
-}
-
-@mixin headerbar_fill($c:$headerbar_color, $tc:lighten($c, 2%), $hc:$top_hilight) {
+@mixin headerbar_fill($c:$headerbar_color, $hc:$top_hilight) {
 //
 // headerbar fill
 //
 // $c:  base color
-// $tc: top color
 // $hc: top highlight color
 //
-  $_bottom_shade_color: if($variant == 'light', mix(_border_color($c), $c, 20%),
-                                                mix(_border_color($c), $c, 10%));
 
-  background-image: headerbar_gradient($c, $tc);
-  box-shadow: inset 0 -1px $_bottom_shade_color, // bottom shade
-              inset 0 1px $hc; // top highlight
+  @if $variant == 'light' { background-image: linear-gradient(to top, darken($c, 13%), darken($c, 2%) 2px, $c 3px); }
+  @else { background-image: linear-gradient(to top, darken($c, 3%), darken($c, 1%) 2px, $c 3px); }
+  box-shadow: inset 0 1px $hc; // top highlight
 
 }
 

diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index f4f50740471ef26735f0ce735ced8403c0bb20ec..2ba01b51cb0d9665ae8d708338052b0bc7d45d9d 100644 (file)
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -1598,8 +1598,8 @@ headerbar {
   border-color: #1c1f1f;
   border-radius: 7px 7px 0 0;
   background-color: transparent;
-  background-image: linear-gradient(to top, #2d3232, #323737 10%);
-  box-shadow: inset 0 -1px #292d2d, inset 0 1px rgba(238, 238, 236, 0.07); }
+  background-image: linear-gradient(to top, #232727, #282c2c 2px, #2a2f2f 3px);
+  box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); }
   .titlebar:backdrop,
   headerbar:backdrop {
     border-color: #1f2222;

diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 78cb24672f5ccf5183abf9f0387e34a0663c7e6a..60211f551ef8c377ec7a9bf8423e02296a4a026f 100644 (file)
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -1598,8 +1598,8 @@ headerbar {
   border-color: #9d9d99;
   border-radius: 7px 7px 0 0;
   background-color: transparent;
-  background-image: linear-gradient(to top, #ededec, #f2f2f1 10%);
-  box-shadow: inset 0 -1px #e1e1df, inset 0 1px rgba(255, 255, 255, 0.8); }
+  background-image: linear-gradient(to top, #d4d4d2, #efefef 2px, #f4f4f4 3px);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); }
   .titlebar:backdrop,
   headerbar:backdrop {
     border-color: #a5a5a1;